<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <!--1）设置meta标签-->
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
    />
    <!--2）设置IE渲染方式 默认为最高版本-->
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1" />
    <title>Document</title>
    <!--3）引入兼容的js文件-->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.cm/libs/html5shiv/3.7.0/hrml5shiv.js"></script>
      <script src="https://oss.maxcdn.cm/libs/responed.js//responed.min.js"></script>
    <![endif]-->
    <link
      rel="stylesheet"
      href="screen480.css"
      media="screen and (max-width:480px)"
    />
    <link
      rel="stylesheet"
      href="screen800.css"
      media="screen and (min-width:480px) and (max-width:800px)"
    />
    <link
      rel="stylesheet"
      href="screen1000.css"
      media="screen and (min-width:800px)"
    />
  </head>
  <body></body>
</html>
